<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link type="text/css" rel="stylesheet" href="css/global.css" />
</head>

<body>
	<div id="main">
    	
        <!-- TOP -->
        <div id="topo">
			<div style="display:block; height:96px;">
        		<img src="img/logo.jpg" />
			</div>
        	<div id="menu" class="bg_azul_claro">
            	<ul>
                	<li class="borda_azul"><a class="txt_14 txt_cinza txt_negrito">Residencial</a></li>
                    <li class="borda_verde"><a class="txt_14 txt_cinza txt_negrito">Comercial</a></li>
                    <li class="borda_laranja"><a class="txt_14 txt_cinza txt_negrito">Imóvel dos sonhos</a></li>
                </ul>

                <input type="text" placeholder="digite o endereço, bairro ou cidade" id="txtBusca" class="borda_verde txt_18" />
                <span class="alinhamento_bottom txt_14 txt_cinza txt_negrito" style="width:100px; text-align:center">Buscar</span>
            </div>
        </div>
        <!-- FIM TOP -->
        
        <!-- CONTEUDO -->
        <div id="conteudo">
        
        	<div id="col_esquerda" >
            	<img src="img/banner_anuncie_ja.jpg" />
                <ul class="menu txt_12">
                	<li class="sub_categoria borda_verde txt_verde txt_18 bg_verde_claro">Transação</li>
                	<li class="selected"><span>locação</span><img src="img/icon_close.gif" /></li>
                </ul>
                
				 <ul class="menu txt_12">
                	<li class="sub_categoria borda_verde txt_verde txt_18 bg_verde_claro">Imóvel</li>
                	<li><a href="javascript:">apartamento<span>(100)</span></a></li>
                    <li><a href="javascript:">casa<span>(63)</span></a></li>
                    <li><a href="javascript:">loft<span>(45)</span></a></li>
                    <li><a href="javascript:">flat<span>(82)</span></a></li>
                    <li><a href="javascript:">fazenda<span>(91)</span></a></li>
                    <li><a href="javascript:">conjunto comercial<span>(4)</span></a></li>
                    <li><a href="javascript:">chácara<span>(1)</span></a></li>
                </ul>
				
                 <ul class="menu txt_12">
                	<li class="sub_categoria borda_verde txt_verde txt_18 bg_verde_claro">Região</li>
                	<li class="selected"><span>Santo André</span><img src="img/icon_close.gif" /></li>
                </ul>
				
				 <ul class="menu txt_12">
                	<li class="sub_categoria borda_verde txt_verde txt_18 bg_verde_claro">Quarto</li>
                	<li><a href="javascript:">01<span>(100)</span></a></li>
                    <li><a href="javascript:">02<span>(63)</span></a></li>
                    <li><a href="javascript:">03<span>(45)</span></a></li>
                </ul>
                
            </div>
            
            
            <div id="col_direita">
            	<span class="txt_11">Foram encontrados <span class="txt_negrito txt_12">8</span> Resultados por:</span>
				<h1 class="txt_18 txt_verde" style="margin-bottom:20px;">Casa Padrão para venda</h1>
				
				<ul class="anuncios float_left" style="width:484px; margin-right:5px;">
					
					<li class="bg_azul_claro anuncio">
						<div class="bg_verde_claro txt_verde padding_5_all" style="display:block; height:36px; padding-top:3px;">
							<div class="float_left">
								<span class="txt_14 txt_negrito" style="display:block">JD Santa Adélia</span>
								<span class="txt_12" style="display:block">R Sebastião Camacho</span>
							</div>
							<img src="http://img.zapcorp.com.br/201208/23/EXT/Imoveis/1882675/img_983_1882675_LOGO.jpg" class="float_right" style="height:30px;" />
						</div>
						<div class="padding_5_all" style="height:124px;">
							<div class="float_left">
								<span class="img_crop img_crop_150x113">
									<span class="quadro">
										<span class="quadro_inner">
											<img src="http://img.zapcorp.com.br/201212/11/ws/imoveis/1626748/z696786a/img_212463242_grande.jpg" />
											<span class="alinhamento_middle"></span>
										</span>
									</span>
								</span>
							</div>
							<div class="div_vertical borda_azul_cinza"></div>
							<div class="float_left txt_center" style="width:150px; height:100%;">
								<span class="txt_azul_marinho txt_negrito" style="display:inline-block; vertical-align:middle"><sup class="txt_12 padding_5_right">R$</sup><span class="txt_22">200.000</span></span>
								<span class="alinhamento_middle"></span>
							</div>
							<div class="div_vertical borda_azul_cinza"></div>
							
							<div class="float_left" style="height:100%; margin-left:20px;">
								<span style="display:inline-block; vertical-align:middle">
									<ul>
										<li><span class="descricao dormitorio">2 dormitórios/1 suite</span></li>
										<li><span class="descricao vaga">2 Vagas</span></li>
										<li><span class="descricao area">180m&sup2;</span></li>
									</ul>
								</span>
								<span class="alinhamento_middle"></span>
							</div>
						</div>
					</li>
					
					<li class="bg_azul_claro anuncio">
						<div class="bg_verde_claro txt_verde padding_5_all" style="display:block; height:36px; padding-top:3px;">
							<div class="float_left">
								<span class="txt_14 txt_negrito" style="display:block">JD Santa Adélia</span>
								<span class="txt_12" style="display:block">R Sebastião Camacho</span>
							</div>
							<img src="http://img.zapcorp.com.br/201208/23/EXT/Imoveis/1882675/img_983_1882675_LOGO.jpg" class="float_right" style="height:30px;" />
						</div>
						<div class="padding_5_all" style="height:124px;">
							<div class="float_left">
								<span class="img_crop img_crop_150x113">
									<span class="quadro">
										<span class="quadro_inner">
											<img src="http://img.zapcorp.com.br/201212/11/ws/imoveis/1626748/z696786a/img_212463242_grande.jpg" />
											<span class="alinhamento_middle"></span>
										</span>
									</span>
								</span>
							</div>
							<div class="div_vertical borda_azul_cinza"></div>
							<div class="float_left txt_center" style="width:150px; height:100%;">
								<span class="txt_azul_marinho txt_negrito" style="display:inline-block; vertical-align:middle"><sup class="txt_12 padding_5_right">R$</sup><span class="txt_22">200.000</span></span>
								<span class="alinhamento_middle"></span>
							</div>
							<div class="div_vertical borda_azul_cinza"></div>
							
							<div class="float_left" style="height:100%; margin-left:20px;">
								<span style="display:inline-block; vertical-align:middle">
									<ul>
										<li><span class="descricao dormitorio">2 dormitórios/1 suite</span></li>
										<li><span class="descricao vaga">2 Vagas</span></li>
										<li><span class="descricao area">180m&sup2;</span></li>
									</ul>
								</span>
								<span class="alinhamento_middle"></span>
							</div>
						</div>
					</li>
					
					<li class="bg_azul_claro anuncio">
						<div class="bg_verde_claro txt_verde padding_5_all" style="display:block; height:36px; padding-top:3px;">
							<div class="float_left">
								<span class="txt_14 txt_negrito" style="display:block">JD Santa Adélia</span>
								<span class="txt_12" style="display:block">R Sebastião Camacho</span>
							</div>
							<img src="http://img.zapcorp.com.br/201208/23/EXT/Imoveis/1882675/img_983_1882675_LOGO.jpg" class="float_right" style="height:30px;" />
						</div>
						<div class="padding_5_all" style="height:124px;">
							<div class="float_left">
								<span class="img_crop img_crop_150x113">
									<span class="quadro">
										<span class="quadro_inner">
											<img src="http://img.zapcorp.com.br/201212/11/ws/imoveis/1626748/z696786a/img_212463242_grande.jpg" />
											<span class="alinhamento_middle"></span>
										</span>
									</span>
								</span>
							</div>
							<div class="div_vertical borda_azul_cinza"></div>
							<div class="float_left txt_center" style="width:150px; height:100%;">
								<span class="txt_azul_marinho txt_negrito" style="display:inline-block; vertical-align:middle"><sup class="txt_12 padding_5_right">R$</sup><span class="txt_22">200.000</span></span>
								<span class="alinhamento_middle"></span>
							</div>
							<div class="div_vertical borda_azul_cinza"></div>
							
							<div class="float_left" style="height:100%; margin-left:20px;">
								<span style="display:inline-block; vertical-align:middle">
									<ul>
										<li><span class="descricao dormitorio">2 dormitórios/1 suite</span></li>
										<li><span class="descricao vaga">2 Vagas</span></li>
										<li><span class="descricao area">180m&sup2;</span></li>
									</ul>
								</span>
								<span class="alinhamento_middle"></span>
							</div>
						</div>
					</li>
				</ul>
				
				<!-- Anuncios -->
				<div class="float_left" style="width:300px;">
					<img src="img/banner.jpg" />
				</div>
				<!-- FIM Anuncios -->
				
            </div>
            <div class="clear_10"></div>
        </div>
        <!-- FIM CONTEUDO -->
        
        <!-- RODAPE -->
        <div id="rodape">
			<div class="float_left" style="height:100%; width:141px; display:inline-block; text-align:center">
        		<img src="img/logo_mini.jpg" style="vertical-align:middle" />
				<span class="alinhamento_middle"></span>
			</div>
			<div class="div_vertical borda_azul_cinza" style="height:100%;"></div>
            <div class="float_left">
				<ul>
					<li>anuncie</li>
					<li>busca avançada</li>
					<li>venda</li>
					<li>locação</li>
					<li>lançamento</li>
				</ul>  
				
				<ul>
					<li>imobiliarias anunciantes</li>
					<li>imovel dos sonhos</li>
					<li>publicidade</li>
					<li>quem somos</li>
				</ul>	
            </div>
			<div class="div_vertical borda_azul_cinza" style="height:100%;"></div>
        </div>
        <!-- FIM RODAPE -->
    </div>
</body>
</html>
